<template>
    <div id="fansiren">
      <div id="cont">
        <div class="l_header_bg"></div>
        <div class="l_cont">
          <div class="l_cont_view">
            <div class="l_cont_header">
              <div
                class="contjoin_header_one contjoincolor switcher"
                target="l_cont_cont"
              >
                开票详情
              </div>
              <!--
                <div class="contjoin_header_two switcher" target="l_cont_twocont">著作权证书详情</div>
              -->
              <div class="contjoin_header_three">
                <span class="contjoin_header_one_line"></span>
                <span class="contjoin_header_two_line"></span>
              </div>
            </div>
            <div class="l_cont_cont" id="l_cont_cont">
              <div class="l_cont_one">
                <div class="l_header"><span>开票内容</span></div>
                <div class="l_one" id="l_one">
                  <div class="l_threetype">
                    <span class="threetype_span">订单详情：</span>
                    <div id="rechargeDetail" class="twotype_div">
                      <table cellspacing="0" cellpadding="0" id="rightTable">
                        <tr>
                          <th width="295">订单号</th>
                          <th width="148">订单类型</th>
                          <th width="148">订单金额</th>
                        </tr>
                        <tr>
                          <td width="146">1</td>
                          <td width="146">2</td>
                          <td width="146">3</td>
                        </tr>
                      </table>
                    </div>
                    <div
                      id="copyrightDetail"
                      class="twotype_div"
                      style="display: none;"
                    >
                      <table cellspacing="0" cellpadding="0" id="rightTable2">
                        <tr>
                          <th width="148">任务ID</th>
                          <th width="148">作品名称</th>
                          <th width="148">作品类别</th>
                          <th width="148">订单类型</th>
                          <th width="148">订单金额</th>
                        </tr>
                        <!--
                          <tr >
                            <td width="146">1</td>
                            <td width="146">2</td>
                            <td width="146">3</td>
                            <td width="146">4</td>
                          </tr>
                        -->
                      </table>
                    </div>
                  </div>
                  <div class="l_onetype">
                    <span class="onetype_span" style="float: left;"
                      >开票金额：</span
                    >
                    <span
                      id="openingPrice"
                      style="color:#E94747;font-size: 20px;line-height:36px;display: inline-block;"
                    >
                      ￥30
                    </span>
                  </div>
                  <div class="l_onetype">
                    <span class="onetype_span">开票内容：</span>
                    <span id="openingContent">信息服务费</span>
                  </div>
                </div>
              </div>
              <div class="l_cont_two">
                <div class="l_header"><span>发票信息</span></div>
                <div class="l_one" id="l_one">
                  <div class="l_onetype">
                    <span class="onetype_span">开具类型：</span
                    ><span id="openingType"></span>
                  </div>
                  <div class="l_onetype">
                    <span class="onetype_span">发票类型：</span
                    ><span id="invoiceType"></span>
                  </div>
                  <div id="company_info">
                    <div class="l_onetype">
                      <span class="onetype_span">发票抬头：</span
                      ><span id="invoiceHead"></span>
                    </div>
                    <div class="l_onetype">
                      <span class="onetype_span">税务登记证号：</span
                      ><span id="taxRegistrationAccount"></span>
                    </div>
                  </div>
                  <div id="personal_info" style="display: none;">
                    <div class="l_onetype">
                      <span class="onetype_span">姓名：</span
                      ><span id="personalName"></span>
                    </div>
                    <div class="l_onetype">
                      <span class="onetype_span">身份证号：</span
                      ><span id="personalIdcard"></span>
                    </div>
                  </div>
                  <div class="l_onetype">
                    <span class="onetype_span">邮寄地址：</span
                    ><span id="receiveAddress"></span>
                  </div>
                  <div class="l_onetype">
                    <span class="onetype_span">联系人姓名：</span
                    ><span id="receiveName"></span>
                  </div>
                  <div class="l_onetype">
                    <span class="onetype_span">联系人电话：</span
                    ><span id="receivePhone"></span>
                  </div>
                </div>
              </div>
              <div class="l_cont_four">
                <div class="l_header"><span>开票申请处理</span></div>
                <div class="l_four">
                  <div class="l_onetype">
                    <span class="onetype_span">申请状态：</span
                    ><span id="applyStatus"></span>
                  </div>
                  <div
                    class="l_onetype"
                    style="display: none;"
                    id="openingTime_p"
                  >
                    <span class="onetype_span">开票时间：</span
                    ><span id="openingTime"></span>
                  </div>
                  <div
                    class="l_onetype"
                    style="display: none;"
                    id="failureReasn_p"
                  >
                    <span class="onetype_span">失败原因：</span
                    ><span id="failureReasn"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {}
};
</script>
<style scoped>
@import "../css/rechargeOrderDetail";
</style>
